{% extends "base.html" %} {% load static %}
{% block title %} 登录 {% endblock title %}
{% block content %}
    <style>
        .form-control {
            width: 100%;
        }

        .login {
            padding-left: 75%;
        }
    </style>
    <div class="container" style="padding-top: 100px">
        <div class="row login">
            <div class="col-12">
                <br>
                <h5>还没有账号？</h5>
                <h5>点击<a href="{% url 'user:register' %}" style="color: lightskyblue;">注册账号</a>加入我们吧！</h5>
                <br>
                <form method="post" action="{% url 'user:login' %}">
                    {% csrf_token %}
                    <!-- 账号 -->
                    <div class="form-group">
                        <label for="username">账号</label>
                        <input type="text" class="form-control" id="username" name="username">
                    </div>
                    <!-- 密码 -->
                    <div class="form-group">
                        <label for="password">密码</label>
                        <input type="password" class="form-control" id="password" name="password">
                    </div>
                    <!-- 提交按钮 -->
                    <button type="submit" class="btn btn-primary">提交</button>
                </form>
                <br>
                <p>如有问题，请联系管理员：<br><span>xxx</span></p>
            </div>
        </div>
    </div>
{% endblock content %}
{% block style %}
    <style>
        #wrapper {
            background-image: url("{% static 'images/bg.jpg' %}");
            background-size: cover;
        }
    </style>
{% endblock %}